import React from 'react';
import './index.less';
import pro1 from '../../assets/proimg/pro1.jpg';
import pro2 from '../../assets/proimg/pro2.jpg';
import pro3 from '../../assets/proimg/pro3.jpg';
import pro4 from '../../assets/proimg/pro4.jpg';
import pro from '../../assets/proimg/pro.jpg';

export const Brand: React.FC = () => {
  return (
    <div className='brand'>
      <div className='brand_box'>
        <h2>10万+商户的共同选择</h2>
        <ul>
          <li>
            <div>
              <img src={pro1} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro2} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro3} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro4} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro1} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro2} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro3} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro4} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
          <li>
            <div>
              <img src={pro} alt='' />
            </div>
            <p>DESCAP 德斯凯官方旗舰店</p>
          </li>
        </ul>
      </div>
    </div>
  );
};
